import userEvent from '@testing-library/user-event'
import React,{useEffect,useState} from 'react'
import { Button, Space, Toast } from 'antd-mobile'
import styles from './index.css'
import './index.css'
import Swiper from 'swiper';
import 'swiper/css/swiper.css';
import axios from 'axios'
export default function Index() {
  const [colors, setColor] = useState([])
  const [swiperList,setswiperList] = useState([0,1,2,3,4,5,6])
  useEffect(()=>{
    setColor(
      ['#ace0ff', '#bcffbd', '#e4fabd', '#ffcfac']
    )
    new Swiper('.swiper-container', {
      slidesPerView: 1,
      centeredSlides: true,
      virtual: {
          slides:swiperList,
      }
  })
  },[])
  useEffect(()=>{
    axios.get()
  },[])
  return (
    <div>
      <div className='new swiperFather'>
                <div className="swiper-container">
                    <div className="swiper-wrapper">
                    </div>
                </div>
            </div>    
    </div>
  )
}
